.usa-table {
  @extend %usa-table;
}

.usa-table--borderless {
  @extend %usa-table--borderless;
}

.usa-table--compact {
  @extend %usa-table--compact;
}

.usa-table--striped {
  @extend %usa-table--striped;
}

.usa-table--stacked {
  @include at-media-max("mobile-lg") {
    @include table-stacked-styles;
  }
}

.usa-table--stacked-header {
  @include at-media-max("mobile-lg") {
    @include table-stacked-styles;
    @include table-stacked-header-styles;
  }
}

.width-mobile {
  .usa-table--stacked {
    @extend %usa-table--stacked;
  }

  .usa-table--stacked-header {
    @extend %usa-table--stacked-header;
  }
}

.usa-table-container--scrollable {
  @extend %usa-table-container--scrollable;
}
